<template>
  <div>
    <!-- 其他指令 -->
    <!-- v-html -->
    <!-- v-text -->
    <div v-html="title"></div>
    <div v-text="title"></div>
    <div v-bind:title="txt">{{ title }}</div>
     
     <input type="text" name="" id="">
     <p v-once>{{title}}</p>
     <!-- v-once 数据只会更新一次  只会在初次渲染时 使用变量 后续再发生修改 就没有响应式变化了-->
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: "<h2>我是title</h2>",
      txt:"真的很离谱吧"
    };
  },
};
</script>

<style>
</style>